<div class="panel panel-default col-sm-12">
  <div class="panel-body">
    <div class="col-sm-10">
      <div class="pull-left">
        <div style="width: 100px;">
          <img src="assets/images/avatars/old3.jpg" width=100 height=100/>
        </div>
      </div>
      <div class="pull-left left8">
        <div class="line">
          <div class="pull-left font-large weight-bold top8">老人一</div>
        </div>
        <div class="line">
          <div class="pull-left font-big top8">年龄：</div>
          <div class="pull-left top8">87</div>
        </div>
        <div class="line">
          <div class="pull-left font-big top8">入住时间：</div>
          <div class="pull-left top8">2015-08-08</div>
        </div>
        <div class="line">
          <div class="pull-left font-big top8">近期身体情况：</div>
          <div class="pull-left top8">心率：正常|血压：正常|睡眠：不足</div>
        </div>
      </div>
    </div>
    <div class="col-sm-2">
      <div class="line">
        <div class="pull-left font-big top8">护工姓名：护工一</div>
        <div class="pull-left top30">
          <div class="col-sm-4 pointer">
            <a title="用户信息处理" class="font-large"><i class="fa fa-user"></i></a>
          </div>
          <div class="col-sm-4 pointer">
            <a title="护理计划设置" class="font-large"><i class="fa fa-tasks"></i></a>
          </div>
          <div class="col-sm-4 pointer">
            <a title="护工设置" class="font-large"><i class="fa fa-users"></i></a>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
<div class="line">
  <div class="panel panel-default col-sm-12">
    <div class="panel-body">
      <div class="tabbable">
        <ul class="nav nav-tabs">
          <li><a href="#tab_3_1" data-toggle="tab">入住信息</a></li>
          <li class="active"><a href="#tab_3_2" data-toggle="tab">动态信息</a></li>
          <li><a href="#tab_3_3" data-toggle="tab">护理情况</a></li>
        </ul>
        <div class="tab-content ">
          <div class="tab-pane fade in padding-top8" id="tab_3_1">
            <div class="line top4">入住信息，包括入住时间，入住协议，相关手续等信息</div>
          </div>
          <div class="tab-pane fade in active" id="tab_3_2">
            <ul class="cbp_tmtimeline">
              <li>
                <time class="cbp_tmtime" datetime="2014-10-03T18:30"><span class="hidden">03/10/2014</span> <span class="large">当前</span></time>

                <div class="cbp_tmicon timeline-bg-gray">
                  <i class="fa-user"></i>
                </div>

                <div class="cbp_tmlabel empty">
                  <span>正在二楼房间一</span>
                </div>
              </li>

              <li>
                <time class="cbp_tmtime" datetime="2014-10-03T03:45"><span>03:45 AM</span> <span>今天</span></time>

                <div class="cbp_tmicon timeline-bg-success">
                  <i class="fa-paper-plane-o"></i>
                </div>

                <div class="cbp_tmlabel">
                  <h2><span>身体健康数据</span></h2>
                  <p>心率：62,血压：120/80,睡眠：正常</p>
                </div>
              </li>

              <li>
                <time class="cbp_tmtime" datetime="2014-10-02T13:22"><span>01:22 PM</span> <span>昨天</span></time>

                <div class="cbp_tmicon timeline-bg-primary">
                  <i class="fa-warning"></i>
                </div>

                <div class="cbp_tmlabel">
                  <h2><a href="#">预警呼叫</a></h2>
                  <p>发起了一个预警呼叫，原因：身体不适。处理结果：身体检查正常，提示多休息</p>
                </div>
              </li>

              <li>
                <time class="cbp_tmtime" datetime="2014-09-19T20:23"><span>08:23 PM</span> <span>两周前</span></time>

                <div class="cbp_tmicon timeline-bg-warning">
                  <i class="fa-camera-retro"></i>
                </div>

                <div class="cbp_tmlabel">
                  <h2><span>进行了身体健康检查</span></h2>

                  <blockquote>检查了心率血压，xxx等多项指标，检查报告。。。</blockquote>

                  <div class="row">
                    <div class="col-xs-5">
                      <a href="#">
                        <img src="assets/images/image-1.jpg" class="img-responsive img-rounded full-width">
                      </a>
                    </div>

                    <div class="col-xs-3">
                      <a href="#">
                        <img src="assets/images/image-4.jpg" class="img-responsive img-rounded full-width">
                      </a>
                    </div>

                    <div class="col-xs-4">

                      <a href="#">
                        <img src="assets/images/image-5.jpg" class="img-responsive img-rounded full-width margin-bottom">
                      </a>

                      <div class="vspacer v2"></div>

                      <a href="#">
                        <img src="assets/images/image-3.jpg" class="img-responsive img-rounded full-width">
                      </a>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="tab-pane fade padding-top8" id="tab_3_3">
            <div class="line top4">包括护工的安排，护理计划等</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
